<template>
  <draggable
    ghostClass="ghost"
    tag="tbody"
    key="cid"
    v-model="dataObj.basicTableDataSource"
    @change="onChange"
  >
    <slot></slot>
  </draggable>
</template>
<script>
import draggable from 'vuedraggable'

export default {
  components: {
    draggable
  },
  inject: ['dataObj'],
  data () {
    return {
      dragging: false
    }
  },
  methods: {
    onChange (evt) {
      console.log(evt.moved)
    }
  }

}
</script>
